{include file="common/header" /}
<style>
	.list-page {text-align:center;padding: 15px 15px;}
	.mws-panel-content {background: #eee;}
	.pagination {margin:5px 0 0 0 !important;padding: 10px 10px;box-shadow: 0px 1px 2px 0px #E2E2E2;background: #fff;}
	.pagination li{margin:0px 10px;border:1px solid #e6e6e6;padding: 3px 8px;display: inline-block;}
	.pagination .active{background-color: #46A3FF;color: #fff;}
	.pagination .disabled{color: #aaa;}
</style>
    <div class="doc-container" id="doc-container">
        <div class="container-fixed">
		    <div class="col-content">
		        <div class="inner">
		            <article class="article-list bloglist" id="LAY_bloglist" >
		            	{foreach name="list" item="article"}
						<section class="article-item zoomIn article">       
							<div class="fc-flag">置顶</div>   
							<h5 class="title">       
								<span class="fc-blue">【{$article.category_zh}】</span>       
								<a href="{:url('article/detail', ['id'=>$article['id']])}" target="_blank">{$article.title}</a>   
							</h5>   
							<div class="time">       
								<span class="day">1</span>       
								<span class="month fs-18">{$article.create_time|date="m"}<span class="fs-14">月</span></span>       
								<span class="year fs-18 ml10">{$article.create_time|date="Y"}</span>   
							</div>   
							<div class="content">       
								<a href="{:url('article/detail')}" class="cover img-light" target="_blank">
									{if(!empty($article.img))}
									<img src="{$article.img}">
									{else /}
									<img src="/static/index/image/java.jpg">       
									{/if}
								</a>
								{$article.brief}
							</div>   
							<div class="read-more">       
								<a href="{:url('article/detail', ['id'=>$article['id']])}" class="fc-black f-fwb" target="_blank">继续阅读</a>   
							</div>    
							<aside class="f-oh footer">       
								<div class="f-fl tags">           
									<span class="fa fa-tags fs-16"></span>           
									<a class="tag">java路线</a>       
								</div>       
								<div class="f-fr">           
									<span class="read">               
										<i class="fa fa-eye fs-16"></i>               
										<i class="num">{$article.hits}</i>           
									</span>           
									<span class="ml20">               
										<i class="fa fa-comments fs-16"></i>               
										<a href="javascript:void(0)" class="num fc-grey">1</a>
									</span>       
								</div>   
							</aside>
						</section>
						{/foreach}
						{$page|raw}
		            </article>
		        </div>
		    </div>
		    <div class="col-other">
		        <div class="inner">
					<div class="other-item" id="categoryandsearch">
			    		<div class="search">
					        <label class="search-wrap">
					            <input type="text" id="searchtxt" placeholder="输入关键字搜索" />
					            <span class="search-icon">
					                <i class="fa fa-search"></i>
					            </span>
					        </label>
			        		<ul class="search-result"></ul>
			    		</div>
			    		<ul class="category mt20" id="category">
				        	<li data-index="0" class="slider"></li>
				        	<li data-index="1"><a href="/Blog/Article">全部文章</a></li>
				            <li data-index="2"><a href="/Blog/Article/1/">Java</a></li>
				            <li data-index="3"><a href="/Blog/Article/2/">前端</a></li>
				            <li data-index="4"><a href="/Blog/Article/3/">Python</a></li>
				            <li data-index="5"><a href="/Blog/Article/4/">PHP</a></li>
				            <li data-index="6"><a href="/Blog/Article/5/">其它</a></li>
			    		</ul>
					</div>
					<!--右边悬浮 平板或手机设备显示-->
					<div class="category-toggle"><i class="layui-icon">&#xe603;</i></div>
					<div class="article-category">
					    <div class="article-category-title">分类导航</div>
					            <a href="/Blog/Article/1/">Java</a>
					            <a href="/Blog/Article/2/">前端</a>
					            <a href="/Blog/Article/3/">Python</a>
					            <a href="/Blog/Article/4/">PHP</a>
					            <a href="/Blog/Article/5/">其它</a>
					    <div class="f-cb"></div>
					</div>
					<!--遮罩-->
					<div class="blog-mask animated layui-hide"></div>
					<div class="other-item">
					    <h5 class="other-item-title">热门文章</h5>
					    <div class="inner">
					        <ul class="hot-list-article">
					                <li> <a href="/Blog/Read/9">SpringBoot 入门爬虫项目实战</a></li>
					                <li> <a href="/Blog/Read/12">SpringBoot 2.x 教你快速入门</a></li>
					                <li> <a href="/Blog/Read/13">java学习路线</a></li>
					                <li> <a href="/Blog/Read/4">基于SpringBoot+JWT+Redis跨域单点登录的实现</a></li>
					                <li> <a href="/Blog/Read/7">SpringBoot 中如何使用SwaggerAPI接口文档？</a></li>
					                <li> <a href="/Blog/Read/11">小白轻松入门Redis</a></li>
					                <li> <a href="/Blog/Read/14">微信一键登录功能的实现</a></li>
					                <li> <a href="/Blog/Read/8">NPOI导入导出Excel</a></li>
					        </ul>
					    </div>
					</div>
					<div class="other-item">
					    <h5 class="other-item-title">置顶推荐</h5>
					    <div class="inner">
					        <ul class="hot-list-article">
					                <li> <a href="/Blog/Read/16">java学习路线</a></li>
					                <li> <a href="/Blog/Read/14">基于SpringBoot+JWT+Redis跨域单点登录的实现</a></li>
					                <li> <a href="/Blog/Read/9">小白轻松入门Redis</a></li>
					        </ul>
					    </div>
					</div>
					<div class="other-item">
					    <h5 class="other-item-title">最近访客</h5>
					    <div class="inner">
					        <dl class="vistor">
					                <dd><a href="javasript:;"><img src="/static/index/image/a1.png"><cite>Anonymous</cite></a></dd>
					                <dd><a href="javasript:;"><img src="/static/index/image/a4.png"><cite>Dekstra</cite></a></dd>
					                <dd><a href="javasript:;"><img src="/static/index/image/a2.png"><cite>惜i</cite></a></dd>
					                <dd><a href="javasript:;"><img src="/static/index/image/a3.png"><cite>↙Aㄨ计划 ◆莪↘</cite></a></dd>
					                <dd><a href="javasript:;"><img src="/static/index/image/a4.png"><cite>.</cite></a></dd>
					                <dd><a href="javasript:;"><img src="/static/index/image/a1.png"><cite>Lambert.</cite></a></dd>
					                <dd><a href="javasript:;"><img src="/static/index/image/a2.png"><cite>64ღ</cite></a></dd>
					                <dd><a href="javasript:;"><img src="/static/index/image/a3.png"><cite>doBoor</cite></a></dd>
					                <dd><a href="javasript:;"><img src="/static/index/image/a4.png"><cite>毛毛小妖</cite></a></dd>
					                <dd><a href="javasript:;"><img src="/static/index/image/a1.png"><cite>NULL</cite></a></dd>
					                <dd><a href="javasript:;"><img src="/static/index/image/a2.png"><cite>吓一跳</cite></a></dd>
					                <dd><a href="javasript:;"><img src="/static/index/image/a3.png"><cite>如初</cite></a></dd>
					        </dl>
					    </div>
					</div>
		        </div>
		    </div>
		</div>
    </div>
{include file="common/footer" /}
<script src="/static/index/js/yss/article.js"></script>
<script>
    NProgress.start();
    window.onload = function () {
        NProgress.done();
    };
</script>
